<template>
  <section>
    <div class="header">购买通知</div>
    <div class="content">
      <p>有效期</p>
      <p>2019.4.10至2020.4.9(周末、法定节假日通用)</p>
      <p>使用时间</p>
      <p>10:30-21:00</p>
      <p>使用规则</p>
      <ul>
        <li>团购用户不可同时享受商家其他优惠</li>
        <li>可免费使用包间</li>
        <li>需要提前预约，防止套餐内货物不全</li>
        <li>每张美团卷建议2人使用</li>
        <li>本单发票由商家提供，请在消费时向商家索取</li>
        <li>
          仅限堂食，不提供餐前外带，餐毕未吃完可打包，打包费详情咨询商家
        </li>
      </ul>
    </div>
  </section>
</template>
<script>
export default {
  
}
</script>


<style scoped>
section {
  font-size: 14px;
}
.header {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  padding: 8px;
}
.content > p:nth-child(2n + 1) {
  color: #d0af10;
}
ul > li {
  margin: 5px 0;
}
</style>
